<!DoCtYpE hTmL>
<html manifest="client.cache">
<!--
******************
**** Chrowety ****
******************
-->
<head>
<title>Chrowety</title>
<script src="js/jquery.js"></script>
<script src="js/protos.js"></script>
<script src="js/i18n.js"></script>
<script src="js/popup/init.js"></script>
<script src="js/popup/ui.user.js"></script>
<script src="js/popup/ui.tweet.js"></script>
<script src="js/popup/ui.timeline.js"></script>
<script src="js/popup/ui.gestures.panel.js"></script>
<script src="js/popup/ui.gestures.tweet.js"></script>
<script src="js/popup/ui.gestures.box.js"></script>

<script src="js/bg/layout.js"></script>

<!--
<script src="js/utils.rgx.js"></script>
<script src="js/utils.time.js"></script>
<script src="js/utils.text.js"></script>
<script src="js/utils.chrome.js"></script>
 -->
<link rel="icon" href="icones/x16.png" sizes="16x16"/>

<link href="css/all.css" rel="stylesheet"/>
<link href="css/icons.css" rel="stylesheet"/>
<link href="css/popup.css" rel="stylesheet"/>
<link href="css/popup.box.css" rel="stylesheet"/>
<link href="css/popup.buttons.css" rel="stylesheet"/>
<link href="css/popup.lateral.css" rel="stylesheet"/>
<link href="css/popup.principal.css" rel="stylesheet"/>
<link href="css/popup.tweetcon.css" rel="stylesheet"/>
<link href="css/popup.conversation.css" rel="stylesheet"/>
<link href="css/keyframes.css" rel="stylesheet"/>

<!--
<link href="css/geral.css" rel="stylesheet"/>
<script src="JSSpec/diff_match_patch.js"></script>
<script src="JSSpec/JSSpec.js"></script>
<script src="js/bdd.js"></script>
<link href="JSSpec/JSSpec.css" rel="stylesheet" />
-->
</head>
<body>

<section id="Ch" class="Ch">

    <section id="principal" class="principal">

        <div id="box" class="box">
        
        	<button id="boxSwitch" class="switch">Tweet</button>
        	
        	<div id="content" class="content">
        		<span class="urlShortener">
        			<input data-focus="urlShortenerFocus" id="boxUrlShortenerUrl" type="text" data-i18n="placeholder(url_shortener)" spellcheck="false">
        			<button id="boxUrlShortenerOk" data-i18n="ok"></button>
        		</span>
        		
        		<span class="update">
        			<textarea id="boxUpdateText" autofocus></textarea>        			
        			<span id="boxCounter" class="counter"></span>        			
        			<span class="anexado">
	        			<button id="boxSpecialChars" data-i18n="title(special_chars)">&curren;</button>
	        			<button id="boxHashTags" data-i18n="title(hash_tags)">#</button>
        			</span>
        			<span id="boxStatus" class="status"></span>
        			<div class="cb"></div><!-- clear:both -->
        			
        			<button id="boxSend" data-i18n="done"></button>
        			<button id="boxSharePage" data-i18n="share_this_page"></button>        			
        		</span>
        	</div>
        	<!-- .content -->
		
        </div> 
        <!-- .box -->
        
        <div class="infoBar">
        	<span id="infoBarStatus">
	        	<span class="fl">Last update: <span id="timelineLastUpdate"></span></span>
	        	<span class="fr">Hits: <span id="apiHits"></span></span>        	
        	</span>
        	<span id="infoBarMessage" class="dn">
	        	<span>Error message for some reason</span>        	
        	</span>        	
        </div>
        
        <div class="timeline">   

            <div class="timelineBar">
            	<h3 class="title" id="timelineName"></h3>
            	<nav>
            		<ul>
            			<li><span id="manualRefresh" class="refresh" data-i18n="title(refresh)"></span></li>
            			<li><span id="markAllAsRead" class="markAsRead" data-i18n="title(mark_all_as_read)"></span></li>
            		</ul>
            	</nav>            	
            </div>

            <div id="timelineLoad" class="load">
                <img width="32" height="32" src="img/load_big.gif" />           
                <span class="loading-pulse" data-i18n="loading"></span>
            </div>

            <div id="timelineMessage" class="timelineMessage dn"></div>
            
            <div id="timeline" class="tweets dn"></div>
            
        </div> 
        <!-- .timeline -->
    </section> 
    <!-- .principal -->


    <section id="lateral" class="lateral" visible="true">

        <header>
        
        	<div class="topMenu">        		
        		<div id="optionsButton" class="button options fr"></div>
        		<div id="popupButton" class="button popup fr"></div>
        		<div id="switchAlerts" class="button alerts fl" title="Alerts are Disabled"><span></span></div>
        	</div>
                      
	        <figure id="userProfileBar">
	        
	        		<span class="photoContainer">
	        			<img width="24" height="24" />
	        		</span>
	                
	                <figcaption>
		                 <select class="name" id="accounts"></select>
	                </figcaption>
	               	
	        </figure> 
	        <!-- figure profile -->            
            
        </header>

        <nav>
			<ul>
	            <li data-timeline="home" data-timelineType="default">
	                <span class="titulo"><span data-i18n="home"></span><span class="count"></span></span>
	            </li>
	            <li data-timeline="mentions" data-timelineType="default">
	                <span class="titulo"> <span data-i18n="mentions"></span><span class="count"></span></span>
	            </li>
	            <li data-timeline="sent" data-timelineType="default">
	                <span class="titulo"><span data-i18n="sent"></span><span class="count"></span></span>
	            </li>            
	            <li data-timeline="messages" data-timelineType="default">
	                <span class="titulo"><span data-i18n="messages"></span><span class="count"></span></span>
	            </li>
	            <li data-timeline="favorites" data-timelineType="default">
	                <span class="titulo"><span data-i18n="favorites"></span></span>
	            </li>          
	            <li toggle="list" opened="false" loaded="false" class="opacity">
	                <span class="titulo"><span data-i18n="lists"></span><span class="count"></span></span>
	                <div class="subitem"></div>
	            </li>
	            <li toggle="search" opened="false" loaded="false" class="opacity">
	                <span class="titulo"><span data-i18n="search"></span><span class="count"></span></span>
	                <div class="subitem"></div>
	            </li>
            </ul>
        </nav> 
        <!-- nav.menu  -->

    </section> 
    <!-- .lateral -->

</section> 
<!-- .Ch -->

</body>
</html>